<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <title></title>
    <link rel="stylesheet" href="css/weui.css"/>
    <link rel="stylesheet" href="css/jquery-weui.css"/>
    <link rel="stylesheet" type="text/css" href="font/iconfont.css">
    <link rel="stylesheet" href="css/common.css"/>
    <script src="js/jquery-2.1.4.js"></script>
    <script src="js/jquery-weui.js"></script>
    <script src="js/swiper.js"></script>
    <script src='js/fastclick.js'></script>
    <script src="js/template-web.js"></script>
    <script src="js/common.js"></script>
    <script src="js/newsdetail.js"></script>

</head>
<body>
<header class="newsdetail">
    <h4></h4>

    <div class="article_head">
        <span class="article_time"></span>
        <span class="article_liulan iconfont"></span>
    </div>
</header>

<section class="newsdetail">
        <pre></pre>
</section>

<div class="newsdetail_dianzan">
    <div class="iconfont  icon-dianzan_active"></div>
    <div class="iconfont  icon-redshoucang"></div>
</div>
<script type="text/html" id="comment1">
    <div class="weui-panel weui-panel_access commentDetail">
        <div class="weui-panel__bd">
            <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                <div class="weui-media-box__hd">
                    <img class="weui-media-box__thumb" src="image/news2.jpg">
                </div>
                <div class="weui-media-box__bd">
                    <h4 class="weui-media-box__title">张建梅</h4>

                    <p class="weui-media-box__desc">
                        刚刚
                    </p>
                    <ul class="weui-media-box__info">
                        <p class="weui-media-box__info__meta">
                            {{neirong}}
                        </p>
                    </ul>
                </div>
            </a>
        </div>
    </div>
</script>
<script type="text/html" id="comment2">
    {{each data e i}}
    <div class="weui-panel weui-panel_access commentDetail">
        <div class="weui-panel__bd">
            <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                <div class="weui-media-box__hd">
                    <img class="weui-media-box__thumb" src="{{if e.user.avatarurl == null}}image/userImg.png{{/if}} {{if e.user.avatarurl !== null}} connect + e.user.avatarurl{{/if}}">
                </div>
                <div class="weui-media-box__bd">
                    <h4 class="weui-media-box__title">{{if e.user.nickname == null}}用户{{e.user.id}}{{/if}} {{if e.user.nickname !== null}} {{e.user.nickname }} {{/if}}</h4>

                    <p class="weui-media-box__desc">
                        {{e.create_time}}
                    </p>
                    <ul class="weui-media-box__info">
                        <p class="weui-media-box__info__meta">
                            {{e.content}}
                        </p>
                    </ul>
                </div>
            </a>
        </div>
    </div>
    {{/each}}
</script>
<script type="text/html" id="dianzan1">
    {{each data e i}}
    <div class="weui-panel weui-panel_access newsdetail_zan">
        <div class="weui-panel__bd">
            <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                <div class="weui-media-box__hd">
                    <img class="weui-media-box__thumb" src="{{if e.avatarurl == null}}image/userImg.png{{/if}} {{if e.avatarurl !== null}} connect + e.avatarurl{{/if}}">
                </div>
                <div class="weui-media-box__bd">
                    <h4 class="weui-media-box__title">{{if e.nickname == null}}用户{{e.id}}{{/if}} {{if e.nickname !== null}} {{e.nickname }} {{/if}}</h4>

                    <ul class="weui-media-box__info">
                        <p class="weui-media-box__info__meta">{{e.create_time}}</p>
                    </ul>
                </div>
            </a>
        </div>

    </div>
    {{/each}}
</script>
<div class="newsdetailTab_pinglun">
    <div class="weui-tab">
        <div class="weui-navbar">
            <a class="weui-navbar__item weui-bar__item--on" href="#tab1">
                评论 (<span>0</span>)
            </a>
            <a class="weui-navbar__item" href="#tab2">
                赞 (<span>1</span>)
            </a>
        </div>
        <div class="weui-tab__bd">
            <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">

            </div>
            <div id="tab2" class="weui-tab__bd-item">

            </div>

        </div>
    </div>
</div>
<div style="height: 41px"></div>
<footer class="newsdetail_comment">
    <div class="iconfont icon-editing"></div>
    <input type="text" placeholder="说点什么吧..."/>

    <div class="iconfont icon-41">
        1
    </div>
</footer>

<section class="comment_textarea hide" id="commit111">
    <div class="weui-cells__title">评论</div>
    <div class="weui-cells weui-cells_form">
        <div class="weui-cell">
            <div class="weui-cell__bd">
                <textarea class="weui-textarea" placeholder="说点什么吧..." rows="3" onkeyup="checkLen(this)"></textarea>

                <div class="weui-textarea-counter" id="count"><span>0</span>/200</div>
            </div>
        </div>
    </div>
    <div class="controll_comment">
        <div class="cancel">取消</div>
        <div class="submit">发布</div>
    </div>
</section>
<script>
    function checkLen(obj) {
        var maxChars = 200;//最多字符数
        if (obj.value.length > maxChars)
            obj.value = obj.value.substring(0, maxChars);
        var curr = maxChars - obj.value.length;
        document.getElementById("count").innerHTML = curr.toString();
    }
</script>

</body>


<script>
    FastClick.attach(document.body);
</script>
</html>